/* .mainPanel{height:700px;width:1000px;position:absolute;left:50%;margin-left:-505px;top:-10px;overflow:hidden;background-image:url("../assets/skin/a6.jpg");background-size:cover}
 */
.mainPanel{height:100%;width:100%;position:absolute;left:0px;top:0px;overflow:hidden;background:black;pointer-events:none;}

.titlePanel{position:absolute;width:800px;top:30px;left:100px;height:40px;line-height:40px;font-size:30px;text-align:center;color:white;display:none;z-index:999;}

.mediaPanel{height:calc(100% - 60px);width:100%;position:absolute;left:0px;top:0px;}

#video1{height:100%;width:100%;position:absolute;left:0px;top:0px;}
/*loading*/

#loadingMask{position:absolute;width:70%;height:70%;z-index:999;top:10%;left:15%;background-color:rgba(0,0,0,0.7);display:none;}

#loadingImg{position:absolute;width:180px;height:180px;left:45%;top:25%;display:none;}

#loadingLabel{position:absolute;width:60px;height:25px;}

#courseKeyWordsInfo{position:absolute;top:20px;right:20px;font-size:18px;color:white;}

#maskTexts{position:absolute;width:80%;left:10%;height:70%;top:20%;overflow-y:auto;text-align:center;font-size:20px;color:white;}

#maskTexts a{color:skyblue}

#maskCloseButton{position:absolute;top:10px;right:10px;background-image:url("../assets/skin/close.png");display:none;width:30px;height:30px;}










/*download*/


.downloadTxt
{
	display:none;position:absolute;right:15px;bottom:15px;width:145px;height:45px;background-image:url("../assets/micro/downloadTxt.png")}
}

#downloadTxt{display:block;border: 1px solid blueviolet; width: 200px; height: 50px;}


/*test*/

.testPanel
{
	position:absolute;
	
	top:100px;
	
	left:20px;
	
	width:960px;
	
	height:580px;
	
	z-index:6;
	
	overflow:auto;
	
	background:#F0F8FF;
	
	display:none;
	
	
	
}




.text-contents
{
	
	position:absolute;
	
	top:40px;
	
	left:20px;
	
	width:680px;
	
	height:520px;
	
	overflow-y:auto;
	
	
	
	
}

.test-buttons

{
	
	position:absolute;
	
	top:20px;
	
	right:20px;
	
	width:200px;
	
	height:540px;
	
	overflow-y:auto;
	
	border-left:1px solid black;
	
	
	
	
}



.test-title
{

	 font-size:20px;
	 
	 margin:10px 0px 15px 20px;
  	
	
}


.text-contents  ul
{
   padding:0;
   
   margin:0;
	
   list-style:none;	
	
   font-size:16px;
   
   padding-left:20px;
}


.text-contents  ul li 
{
	
   display:flex;
   
   margin-bottom:5px;
   
  
	
}

.text-contents  ul li input
{
	
   margin:4px 10px 0px 0px;
   
  
	
}


.exit-button{width:30px;height:30px;position:absolute;top:0px;right:10px;background-image:url("../assets/skins/mainSkin.png");background-repeat:no-repeat;background-position:-100px -580px}
       
.exit-button:hover{background-image:url("../assets/skins/mainSkin.png");background-position:-50px -580px}


.test-result
{
	
	position:absolute;
	
	width:140px;
	
	height:200px;
	
	top:40px;
	
	left:30px;
	
	background:#87CEFA;
	
	padding:10px 5px 0px 10px;
	
	border-radius:3px;
	
	text-align:center;
	
	padding-top:25px;
	
	
}

.clear-button
{
		
	background:#1E90FF;
	
	width:80px;
	
	height:30px;
	
	border-radius:10px;
	
	text-align:center;
	
	line-height:30px;
	
	font-size:18px;
	
	color:white;
	
	position:absolute;
	
	top:300px;
	
	left:20px;
	
}

.submit-button
{
	background:#1E90FF;
	
	width:80px;
	
	height:30px;
	
	border-radius:10px;
	
	text-align:center;
	
	line-height:30px;
	
	font-size:18px;
	
	color:white;
	
	position:absolute;
	
	top:300px;
	
	left:120px;
	

}

